<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>EChartsDemo</title>
		<style type="text/css">
			.box{
				width: 300px;
				height: 300px;
			}
		</style>
	</head>
	<body>
		<div class="box">
		</div>
		
		<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			// 初始化示例对象 echarts.init()
		var myecharts = echarts.init(document.querySelector(".box"))
		// 指定图表的配置项和数据
		        var option = {
		            title: {
		                text: 'ECharts 入门示例'
		            },
		            tooltip: {},
		            legend: {
		                data:['销量']
		            },
		            xAxis: {
		                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
		            },
		            yAxis: {},
		            series: [{
		                name: '销量',
		                type: 'bar',
		                data: [5, 20, 36, 10, 10, 20]
		            }]
		        };
				
		</script>
	</body>
</html>
